import { Component } from 'react';

import { Datetime,Field,Group,Boxs,Avatar } from 'saltui';
const { HBox, Box } = Boxs;

import './List.less';



export default class PageHome extends Component {



  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render() {
    const t = this;
    return (
       <div className="demo-popup-container">
       {
         this.props.data.map(function (item, key) {
          return  <Group.List lineIndent={60} key={key}>
          <div className="dd-t-list-wrap" onClick={t.handleListClick}>
            <HBox className="t-FA">
                <Box className="t-MR10">
                 <Avatar  name={item.createdByName} defaultColor={'#F6BF26'} />
                </Box>
                <Box className="dd-t-list-text-content" flex={1}>
                    <div className="t-list-title t-omit t-LH1_6">
                      <span>{item.createdByName}</span>
                      <span className="t-FR">{item.type=='1'?'日志':'汇报'}</span>
                    </div>
                    <ul className="t-FBAC t-LH1_4 t-FC9">
                      <li className="t-FC3">{item.title}</li>
                      <li>{item.content}</li>
                    </ul>
                </Box>
            </HBox>
          </div>
          
          </Group.List>

        })
       }
      </div>
    );
  }
}

